<!DOCTYPE html>
<html lang="es">
<head>
<?php include_once('../include/head.php'); ?>
<meta name="description" content="Facultad de Derecho de la Universidad de Buenos Aires">
<title>Prototipo Home Derecho UBA</title>
</head>

<body class="cbp-spmenu-push">
    <div class="container">
    
            <nav id="menu-offcanvas" class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left">
                <h3>Componentes<a class="glyphicon glyphicon-remove" id="hideLeftPush"></a></h3>
                <?php include('tpl/nav.tpl'); ?>
            </nav>
            
            <?php include_once ('../include/menu-top.php'); ?>
            <?php include_once ('../include/header.php'); ?>
            <nav class="MenuSector">
                <div class="pull-left sector">
                    <a class="location" href="components">Componentes</a>
                </div>
                <ol class="breadcrumb pull-right hidden-xs">
                    <li><a href="">Home</a></li>
                    <li class="active">Componentes</li>
                </ol>
                <div class="clearfix"></div>
            </nav>

            <section class="row">
            	<div class="col-lg-3 col-md-3 col-sm-4 menu_izq hidden-xs">
                    <p>Componentes</p>
                    <nav>
                        <?php include('tpl/nav.tpl'); ?>
                    </nav>
                </div>
                <div class="contenido_pagina-col2 col-lg-9 col-md-9 col-sm-8">
                	<h1>Boxes</h1>
                    <h3>Boxes background</h3>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box lg">
                                <h4>Box lg default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box lg celeste">
                                <h4>Box lg celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box lg azul">
                                <h4>Box lg azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box lg verde">
                                <h4>Box lg verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box lg naranja">
                                <h4>Box lg naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box lg rojo">
                                <h4>Box lg rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box">
                                <h4>Box md default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box celeste">
                                <h4>Box md celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box azul">
                                <h4>Box md azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box verde">
                                <h4>Box md verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box naranja">
                                <h4>Box md naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box rojo">
                                <h4>Box md rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box sm">
                                <h4>Box sm default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box sm celeste">
                                <h4>Box sm celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box sm azul">
                                <h4>Box sm azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box sm verde">
                                <h4>Box sm verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box sm naranja">
                                <h4>Box sm naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box sm rojo">
                                <h4>Box sm rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box xs">
                                <h4><a href="#">Box xs default</a></h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box xs celeste">
                                <h4>Box xs celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box xs azul">
                                <h4>Box xs azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box xs verde">
                                <h4>Box xs verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box xs naranja">
                                <h4>Box xs naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box xs rojo">
                                <h4>Box xs rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr class="divider">
                    
                    <!-- ----------------------------------------------------------------------- -->
                    
                    <h3>Boxes border top</h3>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border top lg">
                                <h4>Box boder top lg default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border top lg celeste">
                                <h4>Box boder top lg celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border top lg azul">
                                <h4>Box boder top lg azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border top lg verde">
                                <h4>Box boder top lg verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border top lg naranja">
                                <h4>Box boder top lg naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border top lg rojo">
                                <h4>Box boder top lg rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border top">
                                <h4>Box boder top md default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border top celeste">
                                <h4>Box border top md celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border top azul">
                                <h4>Box boder top md azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border top verde">
                                <h4>Box boder top md verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border top naranja">
                                <h4>Box boder top md naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border top rojo">
                                <h4>Box boder top md rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border top sm">
                                <h4>Box boder top sm default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border top sm celeste">
                                <h4>Box boder top sm celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border top sm azul">
                                <h4>Box boder top sm azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border top sm verde">
                                <h4>Box boder top sm verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border top sm naranja">
                                <h4>Box boder top sm naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border top sm rojo">
                                <h4>Box border top sm rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border top xs">
                                <h4>Box boder top xs default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border top xs celeste">
                                <h4>Box boder top xs celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border top xs azul">
                                <h4>Box boder top xs azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border top xs verde">
                                <h4>Box boder top xs verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border top xs naranja">
                                <h4>Box border top xs naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border top xs rojo">
                                <h4>Box boder top xs rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr class="divider">
                    
                    <!-- ----------------------------------------------------------------------- -->
                    
                    <h3>Boxes border right</h3>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border right lg">
                                <h4>Box boder right lg default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border right lg celeste">
                                <h4>Box boder right lg celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border right lg azul">
                                <h4>Box boder right lg azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border right lg verde">
                                <h4>Box boder right lg verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border right lg naranja">
                                <h4>Box boder right lg naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border right lg rojo">
                                <h4>Box boder right lg rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border right">
                                <h4>Box boder right md default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border right celeste">
                                <h4>Box boder right celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border right azul">
                                <h4>Box boder right md azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border right verde">
                                <h4>Box boder right md verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border right naranja">
                                <h4>Box boder right md naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border right rojo">
                                <h4>Box boder right md rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border right sm">
                                <h4>Box boder right sm default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border right sm celeste">
                                <h4>Box boder right sm celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border right sm azul">
                                <h4>Box boder right sm azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border right sm verde">
                                <h4>Box boder right sm verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border right sm naranja">
                                <h4>Box boder right sm naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border right sm rojo">
                                <h4>Box border right sm rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border right xs">
                                <h4>Box boder right xs default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border right xs celeste">
                                <h4>Box boder right xs celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border right xs azul">
                                <h4>Box boder right xs azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border right xs verde">
                                <h4>Box boder right xs verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border right xs naranja">
                                <h4>Box border right xs naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border right xs rojo">
                                <h4>Box boder right xs rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr class="divider">
                    
                    <!-- ----------------------------------------------------------------------- -->
                    
                    <h3>Boxes border bottom</h3>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border bottom lg">
                                <h4>Box boder bottom lg default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border bottom lg celeste">
                                <h4>Box boder bottom lg celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border bottom lg azul">
                                <h4>Box boder bottom lg azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border bottom lg verde">
                                <h4>Box boder bottom lg verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border bottom lg naranja">
                                <h4>Box boder bottom lg naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border bottom lg rojo">
                                <h4>Box boder bottom lg rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border bottom">
                                <h4>Box boder bottom md default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border bottom celeste">
                                <h4>Box boder bottom md celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border bottom azul">
                                <h4>Box boder bottom md azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border bottom verde">
                                <h4>Box boder bottom md verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border bottom naranja">
                                <h4>Box boder bottom md naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border bottom rojo">
                                <h4>Box boder bottom md rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border bottom sm">
                                <h4>Box boder bottom sm default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border bottom sm celeste">
                                <h4>Box boder bottom sm celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border bottom sm azul">
                                <h4>Box boder bottom sm azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border bottom sm verde">
                                <h4>Box boder bottom sm verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border bottom sm naranja">
                                <h4>Box boder bottom sm naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border bottom sm rojo">
                                <h4>Box border bottom sm rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border bottom xs">
                                <h4>Box boder bottom xs default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border bottom xs celeste">
                                <h4>Box boder bottom xs celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border bottom xs azul">
                                <h4>Box boder bottom xs azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border bottom xs verde">
                                <h4>Box boder bottom xs verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border bottom xs naranja">
                                <h4>Box boder bottom xs naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border bottom xs rojo">
                                <h4>Box boder bottom xs rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr class="divider">
                    
                    <!-- ----------------------------------------------------------------------- -->
                    
                    <h3>Boxes border left</h3>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border left lg">
                                <h4>Box boder left lg default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border left lg celeste">
                                <h4>Box boder left lg celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border left lg azul">
                                <h4>Box boder left lg azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border left lg verde">
                                <h4>Box boder left lg verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border left lg naranja">
                                <h4>Box boder left lg naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border left lg rojo">
                                <h4>Box boder left lg rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border left">
                                <h4>Box boder left md default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border left celeste">
                                <h4>Box boder left md celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border left azul">
                                <h4>Box boder left md azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border left verde">
                                <h4>Box boder left md verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border left naranja">
                                <h4>Box boder left md naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border left rojo">
                                <h4>Box boder left md rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border left sm">
                                <h4>Box boder left sm default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border left sm celeste">
                                <h4>Box boder left sm celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border left sm azul">
                                <h4>Box boder left sm azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border left sm verde">
                                <h4>Box boder left sm verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border left sm naranja">
                                <h4>Box boder left sm naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border left sm rojo">
                                <h4>Box border left sm rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border left xs">
                                <h4>Box boder left xs default</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border left xs celeste">
                                <h4>Box boder left xs celeste</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border left xs azul">
                                <h4>Box boder left xs azul</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                    	<div class="col-md-4">
                        	<div class="box-border left xs verde">
                                <h4>Box boder left xs verde</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border left xs naranja">
                                <h4>Box border left xs naranja</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                        	<div class="box-border left xs rojo">
                                <h4>Box boder left xs rojo</h4>
                                <p>Quisque dictum fringilla purus, vel feugiat sapien interdum tempus.</p>
                            </div>
                        </div>
                    </div>
                    
                    <hr>
                    
                    <!-- ----------------------------------------------------------------------- -->
                    
                </div>
            </section>
        </div>
        <?php include_once('../../2014/include/footer.php'); ?>
</body>
</html>